//点击切换两个盒子
// $('.login a').on('click', function() {
//     $('.login').hide().siblings('div').show()
// })
// $('.register a').on('click', function() {
//     $('.login').show().next().hide()
// })

// 思路二
$('.box a').on('click', function() {
    $(this).parents('.box').hide().siblings('.box').show()
})

let layer = layui.layer;
// -------------注册功能------------------------
//表单提交 -->阻止默认行为 --> 收集数据 --> Ajax提交
$('.register form').on('submit', function(e) {
    console.log(e);
    e.preventDefault()
        //收集表单数据(注意表单name值是否和接口文档一致)
    let data = $(this).serialize();
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function(res) {
            layer.msg(res.message);
            if (res.status === 0) {
                $('.register form')[0].reset(); //重置表单方法清空表单
                $('.login').show().siblings('.box').hide(); //切换到登录盒子
            }
        }
    })
})


//-----------表单验证--------------
let form = layui.form

form.verify({
    user: [/^\w{2,10}$/, '输入用户名二到十位'],
    pass: [/^\S{6,12}$/, '输入用户名6~12位'],
    same: function(rr) {
        if ($('.pwd').val() !== rr) { return '两次密码不一致' }
    }
})

$('.login form').on('submit', function(e) {
    e.preventDefault()
    let data = $(this).serialize();
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function(res) {

            if (res.status === 0) {
                layer.msg(res.message, {
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function() {
                    // do something
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'; // 跳转到index.html
                });
            } else {
                layer.msg(res.message);

            }
        }
    })
})